<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
@import "./assets/css/public.css";
#app {
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  height: 100%;
  line-height: 1;
  /*padding-bottom: 0.6rem;*/
}

.dotClass{position: absolute;bottom: 0.1rem;width: 100%;height: 0.08rem;margin: 0;padding: 0; text-align: center;}
.dotClass li{position: relative;display: inline-block;margin:0 0.04rem; padding: 0;text-align: center;vertical-align: top;}
.dotClass li button {display: block;width: 0.08rem;height: 0.08rem;font-size: 0;padding: 0; background:#ccc;border-radius: 50%;outline: none; transition: all 0.5s;}
.dotClass li.slick-active button {background:#FF9203;}

/*更改antd样式*/
.property_change_tab .ant-tabs-nav .ant-tabs-tab{padding: 0.1rem;}
.property_change_tab .ant-tabs-nav .ant-tabs-tab-active{color: #1e49a5;}
.property_change_tab .ant-tabs-ink-bar{background-color: #1e49a5;}
.ant-tabs-extra-content{padding-right: 0.1rem;}
</style>
